﻿@{
    ViewBag.Title = "Location";
}
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(33.804114,-118.325554);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:19,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({ position:myCenter, });

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div align="left">
    <section id="intro">
    <div  align="left" style=" text-shadow: 1px 1px 2px black; position:inherit; top:0px; bottom:0px; left:0px; width:475px;  height:325px;">
  <span style="font-size: 30px; color:Blue; "> <br /><em>Below is a map to our location at:</em>
    <p>24321 Pennsylvania Ave<br/>
Lomita, CA 90717</p></span> 
     </div>
    <img src="../../Content/images/rbtLogo.png" alt="logo" width="488" height="314" />
  </section>
</div>


<section id="location">     
                    <section class ="block" style="margin-bottom: 12px;">

<div id="googleMap"   style="width:100%;height:600px; border:2px inset ; position:inherit"></div>
</section>
</section>


